<template>
  <image :style="styleProps" class="sc-image-component" @click.prevent="handleClick" :src="src" />
</template>

<script setup lang="ts" name="asdasd">
import { computed } from 'vue'
import { type ImageComponentProps } from '@/types/defaultProps'
import { imageStylePropsNames } from '@/constant'
import useComponentCommon from '@/hooks/useComponentCommon'

const props = defineProps<ImageComponentProps>()
const { styleProps, handleClick } = useComponentCommon(props, imageStylePropsNames)
</script>

<style lang="scss" scoped>
.sc-image-component {
  max-width: 100%;
  position: relative !important;
}
</style>
